<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <!-- Compiled with Bootstrap Email version: 1.6.0 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="x-apple-disable-message-reformatting">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
    <style type="text/css">
      body,table,td{font-family:Helvetica,Arial,sans-serif !important}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:150%}a{text-decoration:none}*{color:inherit}a[x-apple-data-detectors],u+#body a,#MessageViewBody a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}img{-ms-interpolation-mode:bicubic}table:not([class^=s-]){font-family:Helvetica,Arial,sans-serif;mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-collapse:collapse}table:not([class^=s-]) td{border-spacing:0px;border-collapse:collapse}@media screen and (max-width: 600px){*[class*=s-lg-]>tbody>tr>td{font-size:0 !important;line-height:0 !important;height:0 !important}}
    </style>
  </head>
  <body style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#ffffff">
    <table class="body" valign="top" role="presentation" border="0" cellpadding="0" cellspacing="0" style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#ffffff">
      <tbody>
        <tr>
          <td valign="top" style="line-height: 24px; font-size: 16px; margin: 0;" align="left">
            <table class="alert alert-primary" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #052759; margin: 0; padding: 12px 20px; border: 1px solid #C3DBFF;" align="left" bgcolor="#DBE9FF">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-secondary" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #282D35; margin: 0; padding: 12px 20px; border: 1px solid #DCDFE5;" align="left" bgcolor="#EAECEF">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-info" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #054754; margin: 0; padding: 12px 20px; border: 1px solid #C3F2FB;" align="left" bgcolor="#DBF7FD">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-success" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #092F1D; margin: 0; padding: 12px 20px; border: 1px solid #C6E1D4;" align="left" bgcolor="#DDEDE5">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-warning" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #594402; margin: 0; padding: 12px 20px; border: 1px solid #FFF0C1;" align="left" bgcolor="#FFF6DA">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-danger" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #4D1318; margin: 0; padding: 12px 20px; border: 1px solid #F6CDD1;" align="left" bgcolor="#FAE1E3">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-light" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #565858; margin: 0; padding: 12px 20px; border: 1px solid #FDFEFE;" align="left" bgcolor="#FEFEFF">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table class="alert alert-dark" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate !important; width: 100%; border-width: 0;">
              <tbody>
                <tr>
                  <td style="line-height: 24px; font-size: 16px; border-radius: 4px; color: #090B0F; margin: 0; padding: 12px 20px; border: 1px solid #C6C7CA;" align="left" bgcolor="#DDDEDF">
                    <div>
                      <strong>Well done!</strong> You successfully read this important alert message.</div>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
